<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <title>Pling! - #{title}</title>

        <!-- stylesheets -->
        <h:outputStylesheet library="css" name="reset.css" />
        <h:outputStylesheet library="css" name="common.css" />
        <h:outputStylesheet library="css" name="frontend.css" />

        <!-- jquery and javascript -->
        <!--
        <h:outputScript library="js" name="jquery-1.4.3.min.js" target="head" />
        <h:outputScript library="js" name="jquery.validate.min.js" target="head" />
        <h:outputScript library="js" name="scripts.js" target="head" />
        -->

    </h:head>
    <h:body>
        <div id="wrapper">
            <div id="top"></div>
            <div id="container">
                <div id="header">
                    <div id="logo">
                        <h:graphicImage url="/resources/images/logo.png" alt="pling" />
                    </div>
                    <div id="navigation">
                        <div id="mainmenu">
                            <ul>
                                <li>
                                    <h:outputLink value="/pling.nbp/user/dashboard.xhtml"><h:outputText value="Start"/></h:outputLink>
                                </li>
                                <li>
                                    <h:outputLink value="/pling.nbp/user/viewprofile.xhtml"><h:outputText value="My Profile"/></h:outputLink>
                                </li>
                                <li>
                                    <h:form>
                                        <h:commandLink action="#{authBean.logout}" value="Log out" />
                                    </h:form>
                                </li>
                            </ul>
                        </div>
                        <div id="search">
                            <h:form>
                                <h:inputText value="#{searchBean.query}"/>
                                <h:commandButton action="#{searchBean.search}" value="Search" />
                            </h:form>
                        </div>
                    </div>
                </div>
                <div id="content">
                    <h1 id="headline">#{title}</h1>
                    <ui:insert name="content"/>
                </div>
            </div>
        </div>
        <div id="footer"><div>footer</div></div>
    </h:body>
</html>